<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<f:facet name="first">
		<title>#{msgs.v2trainer}</title>
	</f:facet>

	<meta http-equiv="X-UA-Compatible" content="EmulateIE8" />
	<meta content='text/html; charset=ISO-8859-1' http-equiv="Content-Type" />
	<link type="text/css" href="#{request.contextPath}/css/default.css"	rel="stylesheet" />
    <script type="text/javascript" src="#{request.contextPath}/css/script/script.js"/>
	<ui:insert name='script'/>

</h:head>



<h:body>

	<p:growl id="growlLogin" showDetail="true" life="6000" widgetVar="wgrowl" />

	<f:metadata>
	    <f:viewParam id="response" name="response" value="#{loginBean.response}"/>
	    <f:event type="preRenderView" listener="#{loginBean.initView}"   />
	</f:metadata>	

	<ui:insert name="dialogs"/>

	<p:layout fullPage="true">
		<p:layoutUnit position="north" closable="false" collapsible="false">
			<h:form id="loginform" prependId="false">
				<div align="right" style="width:100%">
					<div align="left" style="width:300px">
						<h:panelGrid columns="3" >
							<h:outputLabel for="j_username" value="#{msgs.User} :" />  
							<p:inputText id="j_username" value="#{j_username}" required="true"
							requiredMessage="#{msgs.UsernameObligatory}" ajax="false" />  
				            <p:spacer/>        
				              
							<p:outputLabel value="#{msgs.Password} :" />
							<p:password id="j_password" value="#{j_password}" required="true"
								requiredMessage="#{msgs.PasswordObligatory}" ajax="false" />

							<p:commandButton type="submit" value="#{msgs.Login}" action="#{loginBean.login}" method="post" ajax="false"/>

				            <p:spacer/>   

							<h:commandLink action="#{loginBean.goForgetPassword}" style="white-space:nowrap;margin-right:20px;font-size: 9px;" >
								<p:outputLabel value="#{msgs.ForgotPassword}" />
							</h:commandLink>				            
						</h:panelGrid>
					</div>
				</div>	
			</h:form>					
		</p:layoutUnit>	
		<p:layoutUnit position="center"  >
			<p:outputPanel layout="block" style="width:100%">
				<div align="center" style="width:100%;heigth:100%">
					<p:carousel pageLinks="3" autoPlayInterval="4000" style="width:100%" itemStyle="width:1250px"
						numVisible="1" effect="easeInStrong" circular="true">  
						<p:outputPanel layout="block" style="height:400px">
							<p:graphicImage url="/public/images/promote_image1.jpg" width="100%" height="100%" />
						</p:outputPanel>
						<p:outputPanel layout="block" style="height:400px">
							<p:graphicImage url="/public/images/promote_image2.jpg" width="100%" height="100%"/>
						</p:outputPanel>
						<p:outputPanel layout="block" style="height:400px">
							<p:graphicImage url="/public/images/promote_image3.jpg" width="100%" height="100%"/>
						</p:outputPanel>
					</p:carousel>
				</div>
			</p:outputPanel>
			<div align="center">
				<h:panelGrid columns="2" style="width:80%">
					<h:panelGrid columns="1" bgcolor="orange">
						<h:column >
							<h:outputLabel value="Bem-vindo" style="font-weight:bold"/>
						</h:column>
						<h:column >
							<h:outputLabel value="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sit amet iaculis magna. Proin venenatis, mi pretium viverra scelerisque, dolor mauris dictum risus, sit amet vestibulum libero sapien ac nisi. Morbi justo nunc, sodales in augue vitae, volutpat tincidunt massa. Integer faucibus neque non est ornare, vel viverra metus dapibus. Phasellus bibendum feugiat bibendum. Nam risus eros, faucibus vel lacus varius, suscipit rutrum quam. In ut adipiscing dui, nec condimentum ipsum. Integer id sagittis dolor. Nulla facilisi. Pellentesque ultrices magna massa, in imperdiet orci molestie nec. Cras non tortor sed nisl scelerisque convallis."/>
						</h:column>
					</h:panelGrid>
			
					<h:panelGrid columns="1" bgcolor="cyan">
						<h:column >
							<h:outputLabel value="Bem-vindo" style="font-weight:bold"/>
						</h:column>
						<h:column >
							<h:outputLabel value="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sit amet iaculis magna. Proin venenatis, mi pretium viverra scelerisque, dolor mauris dictum risus, sit amet vestibulum libero sapien ac nisi. Morbi justo nunc, sodales in augue vitae, volutpat tincidunt massa. Integer faucibus neque non est ornare, vel viverra metus dapibus. Phasellus bibendum feugiat bibendum. Nam risus eros, faucibus vel lacus varius, suscipit rutrum quam. In ut adipiscing dui, nec condimentum ipsum. Integer id sagittis dolor. Nulla facilisi. Pellentesque ultrices magna massa, in imperdiet orci molestie nec. Cras non tortor sed nisl scelerisque convallis."/>
						</h:column>
	
					</h:panelGrid>
				</h:panelGrid>
			</div>
		</p:layoutUnit>
		<p:layoutUnit position="south" closable="false" collapsible="false">
		
		</p:layoutUnit>
	</p:layout>	
</h:body>
</html>